<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('专家变动审核详情列表')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row" id="zhuanjiabiandongdetail_shenhe">

            <!--登录信息-->
            <input name="userid" th:value="${session.userid}" type="hidden" id="userid">
            <input name="username" th:value="${session.username}" type="hidden" id="username">
            <input name="deptid" th:value="${session.deptid}" type="hidden" id="deptid">
            <input type="hidden" th:value="${piciid}" id="piciid"/>
            <input type="hidden" th:value="${renwuid}" id="renwuid"/>

            <div class="col-sm-12 search-collapse">
                <form id="formId">
                    <div class="select-list">
                        <ul>
                            <li>
                                <label>专家名称：</label>
                                <input type="text" name="zhuanjiamingcheng"/>
                            </li>
                            <li style="width:300px;">
                                <label>变动类型：</label>
                                <select name="biandongleixing" th:with="type=${@dict.getType('sys_zhuanjiazhuangtai')}" v-model="biandongleixing" class="form-control" type="text">
                                    <option value="">请选择</option>
                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                                </select>
                            </li>
                            <li>
                                <label>变动日期：</label>
                                <input type="text" class="time-input" placeholder="请选择变动日期" name="biandongriqi"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" @click="bindBiandongList"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <div class="col-sm-12 select-table table-striped">

                <div class="btn-group-sm" id="toolbar" role="group" style="height: 50px;line-height: 50px;">

                </div>

                <table class="table table-hover table-primary table-striped">
                    <thead>
                        <tr>
                            <th style="text-align: center; vertical-align: middle;">序号</th>
                            <th style="text-align: center; vertical-align: middle;">专家姓名</th>
                            <th style="text-align: center; vertical-align: middle;">证件类型</th>
                            <th style="text-align: center; vertical-align: middle;">证件号码</th>
                            <th style="text-align: center; vertical-align: middle;">入选年份</th>
                            <th style="text-align: center; vertical-align: middle;">出生日期</th>
                            <th style="text-align: center; vertical-align: middle;">变动类型</th>
                            <th style="text-align: center; vertical-align: middle;">变动日期</th>
                            <th style="text-align: center; vertical-align: middle;">说明</th>
                            <th style="text-align: center; vertical-align: middle;">审核意见</th>
                            <th style="text-align: center; vertical-align: middle;">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(biandongitem,index) in biandonglist"  v-if="biandonglist.length > 0">
                            <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.zhuanjiamingcheng"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.zhengjianleixing_text"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.zhengjianhaoma"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.ruxuannianfen"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.chushengriqi"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.biandongleixing_text"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.biandongriqi"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.shuoming"></td>
                            <td style="vertical-align: middle; text-align: center;" v-if="renwu.shifouwancheng==0">
                                <input type="text" v-model="biandongitem.beizhu3" :id="'shenheyijian'+biandongitem.id">
                            </td>
                            <td style="vertical-align: middle; text-align: center;" v-if="renwu.shifouwancheng==1" v-text="biandongitem.beizhu3"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="">
                                <button class="btn btn-success btn-rounded btn-md" @click="toDetail(biandongitem)">查看</button>
                                <button v-if="renwu.shifouwancheng==0" class="btn btn-danger btn-rounded btn-md" @click="shenheOne(biandongitem,'2')">不通过</button>
                            </td>
                        </tr>
                    <tr v-if="biandonglist.length == 0">
                        <td style="text-align: center; vertical-align: middle" colspan="10">查无数据</td>
                    </tr>
                    </tbody>
                </table>

                <div class="form-group">
                    <div class="col-sm-12" style="text-align: center;">
                        <button v-if="renwu.shifouwancheng==0" type="button" class="btn btn-success btn-lg" data-dismiss="modal" @click="toShenhe">审核</button>
                        <button v-if="renwu.shifouwancheng==1" type="button" class="btn btn-primary btn-lg" data-dismiss="modal" disabled>已审核</button>
                        <button type="button" class="btn btn-warning btn-lg" data-dismiss="modal" @click="showShenhejiluModel">查看审核进度</button>
                    </div>
                </div>

            </div>

            <!-- 查看专家变动详情信息 -->
            <div th:replace="system/zhuanjiabiandongdetail/modal_detail::biandongdetail_detail"></div>
            <!-- 编辑审核信息 -->
            <div th:replace="system/renwu/modal_shenhe::shenhe"></div>
            <!--  审核记录-->
            <div th:replace="system/renwu/modal_shenhejilu::shenhejilu"></div>

        </div>
    </div>
    <th:block th:include="include :: footer" />
     <script th:src="@{/js/system/renwu/shenhedetail.js?v=1.0}"></script>
    <style>
        .form-group{
            font-size: 16px;
        }
        .form-group label{
            font-weight:bold;
        }
    </style>

</body>
</html>